<template>
	<div id="footer">
		<router-link to='/bookshelf'>
			<div class="item">
				<div class="item_img"><img src="../../assets/img/bookshelf.jpg" alt="书架" /></div>
			</div>
		</router-link>
		
		<router-link to='/selectest'>
			<div class="item">
				<div class="item_img"><img src="../../assets/img/selectest.png" alt="精选" /></div>
			</div>
		</router-link>
		
		<router-link to='/find'>
			<div class="item">
				<div class="item_img"><img src="../../assets/img/find.png" alt="发现" /></div>
			</div>
		</router-link>
		
		<router-link to='/account'>
			<div class="item">
				<div class="item_img"><img src="../../assets/img/account.jpg" alt="账户" /></div>
			</div>
		</router-link>
	</div>
</template>

<script>
	
</script>

<style>
	#footer{
		position:absolute;
		left: 0;
		bottom: 0;
		right: 0;
		width:100%;
		/*height:0.948275rem;*/
		/*background-color:red;*/
		display:flex;
		flex-flow:nowrap;
		z-index:99;
	}
	#footer .item{
		width:2.5rem;
		/*height:0.948275rem;*/
		text-align:center;
		/*padding-top:0.137931rem;*/
	}
	
	/*#footer .item .item_img{*/
		/*margin-top:0.137931rem;*/
	/*}*/
	
	/*#footer .item .item_img{
		position:absolute;
		left:1.034482rem;
		top:0.137931rem;
	}*/
	#footer .item img{
		width:0.603448rem;
		height:0.948275rem;
	}
	
</style>